import React from 'react';

import HistoryEcharts from "../../../components/HistoryEcharts";
function HistoryData(props) {
    return (
        <div className='historydata'>
            <h2>总览</h2>
            <div className="data-box">
                <div className="data">
                    <div className="top">
                        <div>总会话量</div>
                        <div className='num'>0</div>
                    </div>
                    <div className="bottom">
                        <span>接入会话量&nbsp;&nbsp;</span>
                        <span>0</span>
                    </div>
                </div>
                <div className="data">
                    <div className="top">
                        <div>总来访量</div>
                        <div className='num'>0</div>
                    </div>
                    <div className="bottom">
                        <span>非服务实际来访量&nbsp;&nbsp;</span>
                        <span>0</span>
                    </div>
                </div>
                <div className="data">
                    <div className="top">
                        <div>总转出量</div>
                        <div className='num'>0</div>
                    </div>
                    <div className="bottom">
                        <span>人工转出量&nbsp;&nbsp;</span>
                        <span>0</span>
                    </div>
                </div>
                <div className="data">
                    <div className="top">
                        <div>平均会话时长</div>
                        <div className='num'>0</div>
                    </div>
                    <div className="bottom">
                        <span>30s应答率&nbsp;&nbsp;</span>
                        <span>0%</span>
                    </div>
                </div>
                <div className="data">
                    <div className="top">
                        <div>相对满意率</div>
                        <div className='num'>0%</div>
                    </div>
                    <div className="bottom">
                        <span>参评率&nbsp;&nbsp;</span>
                        <span>0%</span>
                    </div>
                </div>
            </div>
            <div className="echarts">
                <h3>会话量</h3>
                <HistoryEcharts></HistoryEcharts>
            </div>
        </div>
    );
}

export default HistoryData;